<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>employee的修改</title>
    <!-- 引入CSS文件 -->
    <link rel="stylesheet" th:href="@{/static/layui/css/layui.css}">
</head>
<body>
<div class="layui-container">
    <div class="layui-progress" style="margin: 15px 0 30px;">
        <div class="layui-progress-bar" lay-percent="100%"></div>
    </div>
    <!--    一些小提示-->
    <blockquote class="layui-elem-quote" style="margin-top: 30px;">
        <div class="layui-text">
            <ul>
                <li>你当前的功能是：<span>模拟【修改】所有员工信息<span id="version"></span></span></li>
                <li>接口地址：/restful/employee/update</li>
            </ul>
        </div>
    </blockquote>

    <!--    表单数据 修改数据，一般是put请求，但是form表单只能post或者get
            要想发送特殊请求，可以使用HiddenHttpMethodFilter过滤器来操作（前端表单发送请求）
            也可以使用接口测试工具 （适用于后端接口测试）
            HiddenHttpMethodFilter的使用注意：
             1.需要再web.xml中配置该过滤器，并且全局拦截 ，并且放在字符过滤器的后面
             2.需要将你的表单的method方式设置为post请求方式
             3.使用input标签来指定特殊请求

    -->
    <form class="layui-form" method="post" th:action="@{/restful/employee/update}">
        <!--        发送put请求 从隐藏域中获取数据-->
        <input name="_method" type="hidden" value="put">

        <div class="layui-form-item">
            <label class="layui-form-label">ID</label>
            <div class="layui-input-block">
                <!--        表单移交，不能是disable，否则后台数据为null-->
                <input autocomplete="off" class="layui-input" lay-verify="required" name="id" placeholder="请输入用户名"
                       required th:value="${getEmployee.id}" type="hidden">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-block">
                <input autocomplete="off" class="layui-input" lay-verify="required" name="lastName"
                       placeholder="请输入用户名"
                       required th:value="${getEmployee.lastName}" type="text">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">email</label>
            <div class="layui-input-block">
                <input autocomplete="off" class="layui-input" lay-verify="required" name="email"
                       placeholder="请输入email"
                       required th:value="${getEmployee.email}" type="text">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">单选框</label>
            <div class="layui-input-block">
                <div th:if="${getEmployee.gender == 0}">
                    <input name="gender" title="男" type="radio" value="1">
                    <input checked name="gender" title="女" type="radio" value="0">
                </div>
                <div th:if="${getEmployee.gender == 1}">
                    <input checked name="gender" title="男" type="radio" value="1">
                    <input name="gender" title="女" type="radio" value="0">
                </div>

            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-filter="formDemo" lay-submit>立即提交</button>
                <button class="layui-btn layui-btn-primary" type="reset">重置</button>
            </div>
        </div>
    </form>

</div>

</div>
<!-- 引入JS文件 -->
<script th:src="@{/static/layui/layui.js}"></script>
</body>
</html>